layui.use(['form', 'table'], function(){
    var table = layui.table;
    var form = layui.form
    var applyurl = "/general/erp5/public/tripapi/apply/save";
    //方法级渲染
    table.render({
        elem: '#apply_list'
        ,url: '/general/erp5/public/tripapi/apply/AjaxGetList'
        ,response: {
            statusName: 'status'
            ,statusCode: 200
            ,msgName: 'msg'
            ,countName: 'count'
            ,dataName: 'data'
        }
        ,cols: [[
            {checkbox: true, fixed: true}
            ,{field:'id', title: 'ID'}
            ,{field:'department_name', title: '部门'}
            ,{field:'step1', title: '部门审批'}
            ,{field:'step2', title: '行政审批'}
            ,{field:'step3', title: '财务审批'}
            ,{field:'step4', title: '总经理审批'}
            ,{field:'step5', title: '董事长查阅'}
            ,{field:'', title: '操作', toolbar:'#tab1Bar'}
        ]]
        ,id: 'testReload'
        ,page: true
        ,toolbar:"#tab2Bar"
        ,text: { none: '暂无相关数据' }
    });
    table.on('tool(user)', function (obj) {
        switch(obj.event){
            case 'edit':
                selectRole1("/general/erp5/public/tripapi/apply/edit?id="+obj.data.id);
                break;
            case 'del':
                layer.confirm('确定删除?', {icon: 3, title: '提示'}, function (index) {
                    var retInfo =  layui.utils.post("sql_manage_api",{unique_code:"travel_plan_update",id: obj.data.id,condition:"delete"});
                    layer.msg(retInfo.msg);
                    if(retInfo.status==200) obj.del();
                    layer.close(index);
                });
                break;
        }
    })
    table.on('toolbar(user)', function (obj) {
        switch(obj.event){
            case 'add':
                selectRole();
                break;
        }

    })
    function selectRole(){
        layer.open({
            //layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
            type:2,
            title:"添加审批流",
            area: ['50%','50%'],
            content: "/general/erp5/public/tripapi/apply/add",
            success:function(){
                form.render();
            }
        });
    }
    function selectRole1(path){
        layer.open({
            //layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
            type:2,
            title:"编辑审批流",
            area: ['50%','50%'],
            content:path,
            success: function(obj, index){
                form.render();
            }
        });
    }
    var $ = layui.$, active = {
        reload: function(){
            var demoReload = $('#idreload');
            //执行重载
            table.reload('testReload', {
                page: {
                    curr: 1 //重新从第 1 页开始
                }
                ,where: {
                    key: {
                        id: demoReload.val()
                    }
                }
            }, 'data');
        }
    };

    $('.apply_table .layui-btn').on('click', function(){
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
    });

    //提交
    form.on('submit(demo2)', function(data){
        $.ajax({
            type: "POST",
            url: applyurl,
            data: data.field,
            traditional: true, //是否使用传统的方式浅层序列化,若有数组参数或对象参数需要设置true!!!!!!
            dataType:"json",
            success: function(returnData){
                if(returnData.status == 200){
                    layer.open({
                        type: 1
                        ,offset: 'auto'
                        ,id: 'layerDemo'
                        ,content: '<div style="padding: 20px 100px;">'+ returnData.msg +'</div>'
                        ,btn: '确定'
                        ,btnAlign: 'c'
                        ,shade: 0
                        ,yes: function(){
                            layer.closeAll();
                        },
                        success: function(){
                            table.reload();
                        }
                    });
                }else{
                    layer.open({
                        type: 1
                        ,offset: 'auto'
                        ,id: 'layerDemo'
                        ,content: '<div style="padding: 20px 100px;">'+ returnData.msg +'</div>'
                        ,btn: '确定'
                        ,btnAlign: 'c'
                        ,shade: 0
                        ,yes: function(){
                            layer.closeAll();
                        },
                        success: function(){
                            table.reload();
                        }
                    });
                }
            }
        })
        // layer.alert(JSON.stringify(data.field), {
        //   title: '最终的提交信息'
        // })
        return false;
    });
});